<%=render "layouts/menu"%>
<div class="container container-wide">
     <%=render "layouts/errors"%>
     <div class="col-xs-12">
          <h1>Search for Stocks</h1>

          <form id="stockInput">
               Stock Name: <input type="text" id="stockTextBox" class="analysisCriteria"> <br/>
               Get History Over: <input type="number" style="width:100px;" id="timepd" size="1" class="analysisCriteria">
               <select id="length" class="analysisCriteria">
                    <option value="blank" type="text"></option>
                    <option value="days" type="text">Days</option>
                    <option value="months" type="text">Months</option>
                    <option value="years" type="text">Years</option>
                    <option value="alltime" type="text">All Time</option>
               </select>	 
          </form>

          <table id="stocktable">
               <tr>
                    <th scope="col">Symbol</th>
                    <td id="symbol"></td>
               </tr>
               <tr>
                    <th scope="col">Company Name</th>
                    <td id="name"></td>
               </tr>
               <tr>
                    <th scope="col">Price</th>
                    <td id="price"></td>
               </tr>
               <tr>
                    <th scope="col">Type</th>
                    <td id="typeofstock"></td>
               </tr>
               <tr>
                    <th scope="col">Volume</th>
                    <td id="volume"></td>
               </tr>
          </table>
               
          <br>
          <h2>Price History</h2>
                    
           <label id="stockLabel"></label>
           <%=image_tag "transparent.png", {:id=>"histpic", :alt=>"stock history"}%>
     </div>
</div>
<div id="param" class="hidden"><%=@stockClicked if @stockClicked != nil%></div>